.content {
  display: flex;
  /* justify-content: space-around; */
  flex-direction: column;
  align-items: center;
  width: 750rpx;
  height: 100%;
  background-color: #f5f5f9;
  /* background-image: url(../../../static/icon/recovery_assess/rankImg.png); */
}

.sub-box {
  position: absolute;
  top: 100rpx;
  width: 650rpx;
  border-radius: 100rpx;
}
/* .btn-warp{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 750rpx;
	height: 500rpx;
	
} */
.btn-warp {
  margin-top: 500rpx;
}
.btn-box {
  /* margin-top: 500rpx; */
}

/*评估排名*/
.rank-warp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 750rpx;
  height: 600rpx;
  background: linear-gradient(0deg, #40bad6, #52d6ae);
  /* background-image: url(../../../static/icon/recovery_assess/rankImg.png); */
  /* border: 1px solid red; */
}
.rank-title-box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 340rpx;
  margin-bottom: 140rpx;
  width: 500rpx;
  height: 150rpx;
}
.title {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
}
.seg {
  width: 10rpx;
  height: 110rpx;
  background-color: #ffffff;
}
.scoreNumber {
  font-weight: bold;
  font-size: 60px;
  color: #ffffff;
}
.scroll-box {
  /* margin-top: 50rpx; */
  width: 700rpx;
  /* height: 500rpx; */
  background-color: #ffffff;
  border-radius: 20rpx;
  padding: 10rpx;
}

.scroll-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 700rpx;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  border-bottom: 1px solid gray;
  font-size: 18px;
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.scroll-content {
  border-radius: 20rpx;
}

.scroll-Y {
  height: 700rpx;
  border-radius: 20rpx;
  border-radius: 20rpx;
}

.scroll-view_H {
  white-space: nowrap;
  background-color: #ffffff;
  height: 400rpx;
  width: 100%;
  border-radius: 20rpx;
}

.scroll-view-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 120rpx;
  line-height: 120rpx;
  text-align: center;
  font-size: 36rpx;
  background-color: #ffffff;
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.scroll-view-item_H {
  display: inline-block;
  width: 100%;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
  font-size: 36rpx;
}
.front-rank {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 400rpx;
}
.rank-icon .rank-icon image {
	
}
.name {
  width: 140rpx;
  text-align: left;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.handle-btn {
	font-size: 36rpx;
	min-width: 72rpx;
}
.score {
  color: #ff6b3e;
  font-weight: bold;
  font-size: 30rpx;
  flex: 1;
  text-align: right;
}
.rankBox {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  border: 4px solid #ffb59e;
  color: #ff6b3e;
  text-align: center;
  line-height: 60rpx;
  font-size: 26px;
  margin-left: 12rpx;
}
